<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="dist/css/bootstrap.min.css" />
		<script src="dist/js/jquery-3.4.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.modal-title {
				font-size: 30px;
			}
			#q {
				margin-left: 100px;
			}
			
			#w {
				margin-left: 50px;
			}
			
			#e {
				margin-left: 180px;
				margin-top: 30px;
			}
			
			#r {
				float: left;
			}
			
			a:hover {
				text-decoration: none;
				color: #00BE06;
			}
			
			
		</style>
	</head>

	<body>
		<div class="container">
			<input type="button" id="saoma" onclick="btn1()" value="登录" />
			<div id="mymodal" class="modal fade">
				<div id="" class="modal-dialog">
					<div class="modal-content" style="width: 400px; height: 400px;">
						<div class="modal-header">
							<h4>爱奇艺&ensp;·&ensp;登录</h4>
						</div>
						<div class="modal-body">
							<div class=" row ">
								<div class="col-md-6" style="text-align: center;">
									<img src="img/2019-12-17_133159.png" width="80%">
								</div>
								<div class="col-md-6" style="padding-top: 40px;">
									<img src="img/2019-12-17_133228.png" width="80%">
								</div>
							</div>
							<div class="row" style="text-align: center;margin-top: 20px;">
								<div class="col-md-12 " id="e ">
									登录即代表同意
									<a href="# ">用户协议</a>和
									<a href="# ">隐私政策</a>
								</div>
							</div>
						</div>
						<div class="modal-footer ">
							<div class="row ">
								<div class="col-md-12">
									<a href="ZhuCe1.html" style="margin-right: 140px;">注册</a>
									<a href="ZhangHanoDenLu.html">账号密码登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;
									<a href="QiTaFangShi.html">其它方式登录</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		function btn1() {
			$('.modal').modal();
		}
	</script>

</html>